body {
  font-family: Rockwell, Verdana, sans-serif;
  letter-spacing: 0em;
  background: #fff url(/images/header_bg.gif) repeat-x top;
  color: #353B40;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

a {
  color: #583;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #260;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  -moz-border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  border-radius: 1.5em;
}

#header {
  height: 140px;
}
#header h1 {
  float: left;
}

#header h1 a {
  margin-top: 30px;
  margin-left: 5px;
  display: block;
}

#menu {
  float: right;
}

#menu ul {
  list-style: none;
  margin: 0;
  text-align: center;
  margin-top: 25px;
}

#menu ul li {
  display: block;
  float: left;
  margin-left: 10px;
}

#menu ul li a {
  display: block;
  background: url(/images/blog.gif) no-repeat top left;
  width: 69px;
  height: 94px;
  text-indent: -999em;
}

#menu ul li a#twitter-link { background-image: url(/images/twitter.gif); }
#menu ul li a#blog-link { background-image: url(/images/blog.gif); }
#menu ul li a#linkedin-link { background-image: url(/images/linkedin.gif); }
#menu ul li a#github-link { background-image: url(/images/github.gif); }
#menu ul li a#about-link { background-image: url(/images/about.gif); }
#menu ul li a#weibo-link { background-image: url(/images/weibo.gif); }
#menu ul li a#home-link { background-image: url(/images/home.gif); }
#menu ul li a#docs-link { background-image: url(/images/docs.gif); }
#menu ul li a#categories-link { background-image: url(/images/categories.gif); }
#menu ul li a#tags-link { background-image: url(/images/tags.gif); }
#menu ul li a#activiti-link { background-image: url(/images/activiti.gif); }

#content {
  padding: 2em 0;
}

#content h2 {
  margin: 0 0 0.5em 0;
  color: black;
  font-size: 1.2em;
}

#content p {
  line-height: 160%;
}

#submenu ul {
  list-style: none;
  text-align: left;
  line-height: 200%;
}

#submenu ul li {
  margin-left: -20px;
}

span.date {
  background: #6e9b20 url(/images/green_gradient.gif) repeat-x top;
  display: block;
  padding: 0.4em 0.6em 0.5em;
  font-weight: bold;
  color: white;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-box-shadow: 1px -1px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow: 1px -1px 5px rgba(0,0,0,0.4);
  box-shadow: 1px -1px 5px rgba(0,0,0,0.4);
  float: left;
  text-shadow: black 1px 1px 4px;
}

div.post {
  margin-bottom: 2em;
  color: #333;
}

.post h1 {
  margin-top: 0.2em;
}

.post h1 a, #content h2, #footer {
  text-decoration: none;
  clear: left;
  display: block;
  color: black;
  padding: 0.3em 0.5em;
  margin: 0 0 0.2em 0;
  font-weight: bold;
  background: #f8f8f8 url(/images/header_gradient.gif) repeat-x bottom;
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
  font-weight: normal;
  color: #000;
  z-index: 10000;
}

div.post h3 {
  color: black;
  margin: 1em 0 0.7em 0;
  font-weight: normal;
  font-size: 1em;
  background-color: #EEC9A6;
  padding: 3px 0 3px 5px;
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}

pre {
  background: #f8f8f8;
  border: 1px solid #E7E5DC;
  border-width: 1px 0 4px 6px;
  padding: 1em;
  overflow: auto;
  color: black;
  line-height: 120%;
  font-family: "Consolas",Monaco,"Courier New",Courier,monospace;
  font-size: 14px;
  letter-spacing: 0;
}

table.post-list {
  width: 100%;
  border-collapse: collapse;
}

table.post-list a {
  color: #262;
  font-weight: bold;
}

table.post-list th {
  text-align: left;
}

table.post-list td, table.post-list th {
  padding: 0.5em 0.3em;
  border-bottom: 1px solid #ddd;
}

table.post-list tr:last-child td, table.post-list tr:last-child th {
  border-bottom: 0;
}

div.related {
  margin-bottom: 2em;
}

#footer {
  background-position: top;
  margin: 2em auto 1em;
  width: 960px;
  color: #444;
  font-size: 0.9em;
  padding: 0.5em 0;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#footer a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.home-box {
  float: left;
}

#content .home-box h2 {
  background: #6e9b20 url(/images/green_gradient.gif) repeat-x bottom;
  padding: 0.3em 0.5em;
  border-bottom: 3px solid #262;
  margin-bottom: 0em;
  color: white;
  font-weight: normal;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-box-shadow: 1px 0px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 0 5px rgba(0,0,0,0.5);
  box-shadow: 1px 0 5px rgba(0,0,0,0.5);
}

#content .home-box h2 a {
  font-weight: normal;
}

#content .home-box .post h1 {
  margin-top: 0;
}

.home-box h2 a {
  color: white;
  margin: 0 0.2em;
}

#home-left {
  width: 680px;
}

#home-right {
  width: 260px;
  margin-left: 1em;
}

#gotgit-left {
  width: 120px;
  margin-right: 1em;
}

#gotgit-right {
  width: 820px;
}

.clearfix { clear: both;}

code {
  font-size: 1em;
  font-family: "Consolas","Courier New",Courier,monospace;
}

.home-box .post h1 a {
  font-size: 0.7em;
}

.sidebar-item {
  text-decoration: none;
  clear: left;
  display: block;
  color: black;
  padding: 0.5em 0.7em;
  margin: 0 0 0.8em 0;
  font-weight: bold;
  background: #f8f8f8 url(/images/header_gradient.gif) repeat-x bottom;
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
  font-weight: normal;
  color: #000;
  z-index: 10000;
  font-size: 0.8em;
  line-height: 150%;
}

.sidebar-item ul {
  padding-left: 20px;
}

.sidebar-item h3 {
  margin: 0 0 0.3em 0;
}
.sidebar-item h3 a {
  font-weight: normal;
  color: #426a25;
  text-decoration: none;
  letter-spacing: 0;
  font-size: 1.2em;
}

.sidebar.big .sidebar-item {
  float: left;
  width: 25.2em;
  margin: 1.2em 1em 0 0;
  display: inline-block;
  float: none;
  vertical-align: top;
}

.float-left { float: left; }
.float-right { float: right; }

a img { border: 0; }

.sidebar-posts li {padding: 2px 0 2px;}
.corner-all {
  -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}
.original-post {
  font-size: .8em;
  font-style: italic;
  background: yellow;
  padding: .5em;
}

.categories, .tags {list-style-type:none;}
.categories li, .tags li {display:inline; margin: 0.2em 0.5em;}
.categories li a:hover, .tags li a:hover {color: blue;}

.parameters { width:100%; border:0; border-collapse:collapse }
.parameters th,
.parameters td { border:1px solid #c5c5c5; padding:5px; background-color:#fff; color:#000 }
.parameters th { background:#D9D9D9 !important; border-color:#d9d9d9 !important }
.parameters .parameter { font-family:Fixed, monospace }